<!DOCTYPE html>
<html>
	<head>
 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

		<title>Timeglider Proof of Min</title>
	
		<link rel="stylesheet" href="css/aristo/jquery-ui-1.8.5.custom.css" type="text/css" media="screen" title="no title" charset="utf-8">
		
		<link rel="stylesheet" href="js/timeglider/Timeglider.css" type="text/css" media="screen" title="no title" charset="utf-8">
		
        <style type='text/css'>
		#placement {
			margin:32px;
			height:520px;
		}
		</style>
</head>
<body>



<div id='placement'></div>

	<script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/jquery-ui-1.8.9.custom.min.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/timeglider.min.js" type="text/javascript" charset="utf-8"></script>

  <script>


	$(document).ready(function () { 

		var tg1 = $("#placement").timeline({
				"min_zoom":15, 
				"max_zoom":70, 
				"data_source":"json_tests/js_history.json"
				});
		
    }); 
	
</script>




</body>
</html>


